<template>
  <div class="icp">{{`© ${year} ${author} `}}<a href="http://beian.miit.gov.cn/" target="_blank">{{ record }}</a></div>
</template>


<script>
  export default {
    name: 'CopyrightIcp',
    data() {
      return {
        year: new Date().getFullYear(), // 一般都是最新的一年
        author: 'kewen', // 作者名
        record: '蜀ICP备2022003576号' // 备案号
      }
    }
  }
</script>
<style>
  .icp {
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
    color: gray;
  }

  .icp > a {
    color: gray;
    text-decoration: none;
  }

  .icp > a:hover {
    color: aqua;
    text-decoration: none;
  }
</style>
